<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet/less" href="./css/style.less">
    <link rel="stylesheet/less" href="./css/About.less">
    <link rel="stylesheet/less" href="./css/head.less">
</head>

<body>
    <div class="head">
        <div class="container">
            <div class="big">
                <span class="line"></span>
                <span class="line"></span>
                <span class="line"></span>
            </div>
            <div class="container-left">

                <ul>
                    <li><a href="index.html">Home</a></li>
                    <li><a href="About.html">About</a></li>
                    <li><a href="Typography.html">Typography</a></li>
                    <li><a href="Contacts.html">Contact Us</a></li>
                </ul>
            </div>
            <div class="container-right">
                <img src="./image/推特(twitter)_爱给网_aigei_com.png" alt="">
                <img src="./image/脸谱网(facebook)_爱给网_aigei_com.png" alt="">

            </div>
        </div>
        <div class="menu">
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="About.html">About</a></li>
                <li><a href="Typography.html">Typography</a></li>
                <li><a href="Contacts.html">Contact Us</a></li>
            </ul>
        </div>
    </div>
    <div class="bread">
        <img src="./image/breadcrumbs-bg.jpg" alt="">

    </div>
    <div class="choose">
        <div class="container">
            <div class="left wow bounceInLeft"><img src="./image/about-1-519x564.jpg" alt=""></div>
            <div class="right wow bounceInRight">
                <div class="Thead">Why choose us</div>
                <div class="select">
                    <span>EXPERIENCE</span>
                    <span>SKILLS</span>
                    <span>MISSION</span>
                </div>
                <div class="Tbody">
                    Orci nulla pellentesque dignissim enim sit. Elit ullamcorper dignissim cras tincidunt lobortis
                    feugiat vivamus. Nibh mauris cursus mattis molestie a iaculis at erat pellentesque.
                </div>
                <ul class="items">
                    <li>Lorem ipsum</li>
                    <li>Tempor incididunt</li>
                    <li>Consectetur adipiscing</li>
                    <li>Semfringilla</li>
                    <li>Sed do eiusmod</li>
                    <li>Ut venenatis</li>
                </ul>
                <input type="button" class="grennb" value="Get in touch">
                <input type="button" class="grennb" value="Download presentation">
            </div>
        </div>
    </div>

    <div class="Destinations">
        <h2>Destinations</h2>
        <div class="box wow flipInX">
            <div class="container">
                <div class="item"><img src="./image/gallery-image-11-420x308.jpg" alt=""></div>
                <div class="item"><img src="./image/gallery-image-12-420x308.jpg" alt=""></div>
                <div class="item"><img src="./image/gallery-image-13-420x308.jpg" alt=""></div>
                <div class="item"><img src="./image/gallery-image-14-420x308.jpg" alt=""></div>
                <div class="item"><img src="./image/gallery-image-15-420x308.jpg" alt=""></div>
                <div class="item"><img src="./image/gallery-image-16-420x308.jpg" alt=""></div>
            </div>
            <div class="qh">切换</div>
        </div>
    </div>

    <div class="What">
        <h2>What People Say</h2>
        <div class="container">
            <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="Thead wow zoomInDown"><img src="./image/user-16-100x100.jpg" alt=""></div>
                        <div class="Tbody wow rollIn">
                            <div class="one">Pharetra vel turpis nunc eget lorem dolor sed viverra ipsum. Diam phasellus
                                vestibulum lorem sed risusultricies. Aenean et tortor at risus viverra
                                adipiscing.Aliquet enim tortor at auctor urna.Tortor aliquam nulla
                                facilisi cras fermentum. Malesuada pellentesque elit eget gravida cum sociis natoque.
                            </div>
                            <div class="two">Catherine Williams</div>
                            <div class="three">Regular Client</div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="Thead wow zoomInDown"><img src="./image/user-17-100x100.jpg" alt=""></div>
                        <div class="Tbody wow rollIn">
                            <div class="one">Sodales ut etiam sit amet nisl purus. Maecenas accumsan lacus vel facilisis
                                volutpat est. Suscipit adipiscingbibendum est ultricies integer quis auctor. Viverra
                                aliquet eget sit amet tellus cras adipiscing. Posuere ac utconsequat semper viverra nam
                                libero justo laoreet. laculis eu non diam phasellus vestibulum lorem sed risus
                                ultricies.

                            </div>
                            <div class="two">Rupert Wood</div>
                            <div class="three">Regular Client</div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="Thead wow zoomInDown"><img src="./image/user-18-100x100.jpg" alt=""></div>
                        <div class="Tbody wow rollIn">
                            <div class="one">Lacus vestibulum sed arcu non odio euismod lacinia.pellentesque elit
                                ullamcorper dignissim cras. Ultrices erosin cursus turpis massa tincidunt dui.Nunc
                                pulvinar sapien et ligula ullamcorper malesuada proin.Commodo
                                odio aenean sed adipiscing diam.Sed euismod nisi porta lorem mollis aliquam.

                            </div>
                            <div class="two">Catherine Williams</div>
                            <div class="three">Regular Client</div>
                        </div>
                    </div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>


    <div class="foot">
        <div class="container">
            <div class="CONTACT wow bounceInRight" data-wow-delay="0s">
                <div class="title">CONTACT US</div>
                <p class="dh">+1 ***-913-4688</p>
                <p class="yx">****@demolink.org</p>
                <p class="zb">4730 Crystal Springs Dr, Los Angeles, CA 90027</p>
            </div>
            <div class="POPULAR wow bounceInUp" data-wow-delay="0s">
                <div class="title">POPULAR NEWS</div>
                <p class="text">
                    Your Personal Guide to 5 Best Places to Visit on Earth</p>
                    <p class="time">May 04, 2019</p>
                
                <p class="text">
                    Top 10 Hotels: Rating by Wonder Tour Travel Experts</p>
                    <p class="time">May 04, 2019</p>
                
            </div>
            <div class="QUICK wow bounceInLeft" data-wow-delay="0s">
                <div class="title">QUICK LINKS</div>
                <ul>
                    <li>About us</li>
                    <li>Our Tours</li>
                    <li>Our Team</li>
                    <li>Gallery</li>
                    <li>Blog</li>
                </ul>
                <input type="button" class="grennb" value="Get in touch">
            </div>
        </div>

    </div>
    <div class="footer">
        <div class="container">
            <div class="left">© 2023 Wonder Tour. All Rights Reserved. Design by TemplateMonster</div>
            <div class="right">Privacy Policy

            </div>
        </div>
    </div>

</body>

</html>
<script src="./js/jquery-3.5.1.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/less-4.1.3.js"></script>
<script src="./js/swiper-bundle.min.js"></script>
<script src="./js/wow.min.repeat.js"></script>
<script src="./js/head.js"></script>
<script src="./js/About.js">

</script>